<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>12306 登录</title>
    <link rel="stylesheet" href="framework/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="framework/reset.css">
    <link rel="stylesheet" href="styles/login.css">
</head>
<body>
    <!-- 总容器 -->
    <div class="wrapper">
        <!-- 左上角部分 -->
        <div class="angle-left">
            <a href=""><i class="fa fa-angle-left"></i></a>
        </div>
        <!-- 欢迎登录部分 -->
        <div class="welcome">
            <img src="images/12306logo.png" alt="12306logo">
            <p>欢迎登录</p>
        </div>
        <!-- 登录方式部分 -->
        <div class="login-type">
            <a href="" class="login-link"><p class="account-login">账号登录</p></a>
            <a href="" class="login-link"><p class="fingerprint-login">指纹登录</p></a>
        </div>
        <!-- 用户密码输入框部分 -->
        <div class="father-box">
            <ul class="form-box">
                <li>
                    <div class="title">
                        用户
                    </div>
                    <div class="content">
                        <input type="text" placeholder="用户名">
                    </div>
                </li>
                <li>
                    <div class="title">
                        密码
                    </div>
                    <div class="content">
                        <input type="password" placeholder="登录密码">
                    </div>
                </li>
            </ul>
            <div class="forget-psw"><p>忘记密码？</p></div>
        </div>

        <!-- 登录注册按钮部分 -->
        <div class="button-login">
            <button>登录</button>
        </div>
        <div class="button-register">
            <button onclick="location.href='register.html'">注册</button>
        </div>
        <div class="text"><p>《服务条款》 《隐私权政策》</p></div>
    </div>
</body>
</html>